<template>
  <div>
    <!-- 指令的第一种使用方式:字符串 -->
    <!-- name的作用是用来捕获错误的表单项 -->
    <input v-validate="'required|email'" name="email" type="text" />
    <span>{{ errors.first('email') }}</span>
    <!-- 指令的第二种使用方式:对象用法 -->
    <br />
    <input
      v-validate="{ required: true, email: true }"
      name="myemail"
      type="text"
    />
    <br />
    <input v-validate="'required|phone'" type="text" name="手机号" />
    <span>{{ errors.first('手机号') }}</span>
  </div>
</template>

<script>
export default {
  name: 'VTest'
}
</script>

<style lang="less" scoped></style>
